<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    </style>
</head>
<body>
abc
<div id="add">
    <div class="foo">
    </div>
</div>
<p>你好我是<span>haha</span></p>
</body>
<script src="myJquery2.3.js"></script>
<script>
   jQuery.fn.extend({

   });
</script>
<script>
//    $('body').prepend('<span>前面的</span><div>我是div</div>');
//    $('<span>前面的</span><div>我是div</div>').prependTo('body').prependTo('#add');

//      $('body').append('<span>前面的</span><div>我是div</div>');
//        $('<span>前面的</span><div>我是div</div>').appendTo('body');

//    $('body').insert('body','<span>前面的</span><div>我是div</div>');
//    $('body').insert('body','<span>前面的</span><div>我是div</div>',true);

//    $('span').remove();

//    $('.foo').before('<div>foo的兄弟元素</div>')

    $('.foo').after('<div>hahahafter</div>')

</script>
</html>